﻿ .list-block.messhallwrap {
        margin: .2rem;
    }
        .list-block.messhallwrap .item-input input {
            background-color: #fff;
        }
        .list-block.messhallwrap .item-title.label {
            width: 30%;
            text-align: center;
        }
    .t-header, .t-body {
        width: 100%;
        border-collapse: collapse;
    }

    .t-body {
        background-color: #fff;
    } 
    .t-header th {
            padding: .2rem .1rem;
            border-bottom: 1px solid #ddd;
            color: #0894ec;
        }
        .t-body td {
            padding: 1px;
            border-bottom: 1px solid #ddd;
        } .col-date {
            text-align: center;
        }

    .t-body tr.weekend td {
        background-color: #ddd;
    }
    .t-body tr.weekend td.col-date {
        color: red;
    }
    .t-body .col-date{
        font-size:.75rem;
    } .col-meal {
        width: 18%;
        vertical-align: middle;
        text-align: center;
    }

    .mealchk {
        font-size: 1.4rem;
        width: 2rem;
        margin: 0 auto;
    }
    .mealchk .flag{
        margin:0 auto;
        background-color:#0894ec;
        width:1.4rem;
        height:1.4rem;
        line-height:1.4rem;
        font-size:1rem;
        border-radius:.7rem;
        color:#fff;
        text-align:center;
        display:none;
    }
        .mealchk.checked .flag{display:block;}
        .mealchk.disabled.checked .flag {
            background-color:#ccc;
        }
        .mealchk.disabled{color:#ccc;}

    .meal-summary {
        padding: 0 .2rem 1rem;
        font-size: .75rem;
        text-align:center;
    }
        .meal-summary .summary-val{
            color:red;
        } 
    header.picker-header.bar {
        background-color: #eee;
    }
    .picker-header.bar button.button{
        width:initial;
    }

    .content-block{
        margin-top:.5rem;
        margin-bottom:.5rem;
    }


.page-meals .meal-header,.page-messhall-meals .meal-header {
    position: fixed;
    top: 2.2rem;
    width: 100%;
    background-color: #fff;
    color: #0894ec;
    font-size: 0.7rem;
    font-weight: bold;
}
.page-meals .meal-header th , .page-messhall-meals .meal-header th{
    padding: .4rem 0;
    border-bottom: 4px solid #eee;
}
.page-meals .meal-body, .page-messhall-meals .meal-body {
    margin: 2rem 0;
}
.page-meals .mealchk {
    font-size: 1.2rem;
}
.page-meals .mealchk.checked .flag{
    width:1.2rem;
    height:1.2rem;
    line-height:1.2rem;
    border-radius:.6rem;
    font-size:.8rem;
}
.page-meals .mealchk.checked.eat .flag{
   background-color:#0894ec;
}
.page-meals .mealchk.checked.uneat .flag{
   background-color:red;
}
.page-meals .mealchk.unchecked.eat .flag{
   background-color:yellow;
   width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: .6rem;
    font-size: .8rem;
    display: block;
    color: #999;
}

.page-meals .rec-footer, .page-messhall-meals .rec-footer, .page-messhallbook .rec-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: .2rem 0;
    background-color: #fff;
    border-top: 4px solid #eee;
}

.meal-body tbody .empty, .meal-body .t-body-empty {
    text-align: center;
    font-size: 1rem;
    padding: 2rem 0;
    color: red;
}

.popup.messsummary {
    width: 80%;
    height: inherit;
    margin-left: 10%;
    top: 20%;
    border-radius: 4px;
}
.popup.messsummary table {
    width: 100%;
}
.popup.messsummary table caption {
    font-size: 1rem;
    padding-bottom: .6rem;
}
.popup.messsummary table td:first-child {
    width: 1.8rem;
}
.popup.messsummary table td:last-child {
    width: 3rem;text-align: center;
}
.popup.messsummary table td {
    padding: .2rem;
    vertical-align: middle;
}
.popup.messsummary table td .stateflag{
    margin:0 auto;
    background-color:#0894ec;
    width:1.2rem;
    height:1.2rem;
    line-height:1.2rem;
    font-size:1rem;
    border-radius:.6rem;
    color:#fff;
    text-align:center; 
}
.popup.messsummary table td .stateflag.checkedeat{
    background-color:#0894ec;
}
.popup.messsummary table td .stateflag.checkeduneat{
    background-color:red;
}
.popup.messsummary table td .stateflag.uncheckedeat{
    background-color:yellow;
}

.popup.messsummary .close-popup {
    margin-top: 1rem;
}

.page-messhall-meals .row-split td {
    height: 2px;
    background-color: #eeeeee;
}
.page-messhall-meals .row-split:first-child{ display: none;}

.page-messhall-meals .row-date td {
    background-color: #0894ec;
    color: #fff;
    padding-left: 5px;
}

.page-messhall-meals .col-mealname {
    width: 25%;
    text-align: center;
}
.page-messhall-meals .col-val {
    width: 25%;
    text-align: center;
}

.picker-item.picker-selected {
    color: #0894ec;
}
.picker-items-col {
    width: 100%;
}
.picker-center-highlight {
    background-color: #fff;z-index: -1;
}

.row-sum.ita td{
    font-style:italic;
}
.row-sum td.col-date{
    font-weight:bold;
}
.row-sum .col-sum{
    text-align:center;
}


/*餐品预定*/
.food-sels{  }
    .food-sels > .days{ width: 3.2rem; position:fixed; left:0; top:4.4rem; min-height:500px; }
        .food-sels > .days .day{
            padding:.2rem;
            text-align:center;
            border-bottom:1px dashed #ddd;
        }
        .food-sels > .days .day .week{
            margin:0;
            font-size:.75rem;
        }
            .food-sels > .days .day .date {
                margin: 0;
                font-size: .6rem;
            }
            .food-sels > .days .day.active {
                color: #0095DB;
                background-color:#fff;

            }
        .food-sels > .foods {
            min-height: 500px;
            background-color: #fff;
            margin-left: 3.2rem;
        }
            .food-sels > .foods > ul{ margin:0; padding:0 .2rem; }

        .food-sels .f-item {
            padding:.2rem;
            position:relative;
            list-style:none;
            margin:0;
            border-bottom:1px solid #eee;
        }
            .food-sels .f-item .f-img {
                width: 4rem;
                height: 4rem;
                position: absolute;
                left: .2rem;
                top: .2rem;
                border-radius:.5rem;
            }
            .food-sels .f-item .f-info {
                margin-left:4.4rem;
                min-height:4rem;
                font-size:.5rem;
            }
                .food-sels .f-item .f-info p{
                    padding-bottom:.2rem;
                    margin:0;
                } 
                .food-sels .f-item .f-buy {
                    position: absolute;
                    bottom: 1rem;
                    right: .4rem;
                    font-size:.75rem;
                }
                    .f-buy > span {
                        float: right;
                        width: 1.4rem;
                        height: 1.4rem;
                        text-align: center;
                        line-height: 1.3rem;
                    }
                    .f-buy .b-num {
                        border-radius: 50%;
                        background-color: #0095DA;
                        color:#fff;
                        font-size:1.4rem;
                    }
                    .f-buy .b-num.disabled{
                        background-color:#ddd;
                    }
                    .f-buy span.hid{ display:none; } 

                    .page-meals .icon-cart {
                        width: 2.4rem;
                        height: 2.4rem;
                        font-size: 1.2rem;
                        border-radius: 50%;
                        text-align: center;
                        top: -0.2rem;
                        left: 0.5rem;
                        background-color: #0095DA;
                        color: #fff;
                    }
        .page-meals .icon-cart .cart-num {
            position: absolute;
            min-width:1rem;
            height:1rem;
            border-radius:50%;
            text-align:center;
            line-height:1rem;
            font-size:.3rem;
            font-weight:100;
            font-style:initial;
            color:#fff;
            background-color:#ff6a00;
            top:-.3rem;
            right:.0rem;
            display:none;
        }
    .cart-info{ position:absolute; top:0; left:4rem;}
    .cart-info p{font-size:.5rem; margin:.2rem; }
    .bar .button.go-confirm {
        position:absolute; right:.5rem; top:.5rem;
    }

    .bar.fs-title{ background-color:#fff; padding:0; }
        .fs-title .col1 {
            width: 3.2rem;
            position: absolute;
            text-align: center;
            line-height: 2.2rem;
            font-size: .75rem;
            background-color: #eee;
            border-bottom: 1px solid #ddd;
            height: 100%;
        }
    .fs-title .col2 {
        margin-left:3.2rem;
    }
    .meal-types {
        width: 90%;
        margin: 0 auto;
    }

#icon-picker-messhall{
    top:0;
    margin-left:0;
    font-size:.75rem;
}

/*餐车确认*/
.cart-item {
        font-size:.6rem;
        display: -moz-box;
        display: -webkit-box;
        display: -o-box;
        display: box;
        text-align:center;
        padding:.2rem 0;
        line-height:1;
}
.cart-item:nth-child(2n) {
    background-color:#f7f7f8;
} 
.cart-item .col-date {
    width: 4rem;
    line-height: 1.1rem;
}
.cart-item .col-mtype {
    width: 4rem;
    line-height:1.1rem;
}

.cart-item .col-img {
    width: 2.5rem;
}
.cart-item .col-info {
    text-align:left;
    line-height: 1.1rem;
    padding-left:.1rem;
    padding-right:.1rem;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.cart-item .col-info p {
    margin:0;
    padding:.1rem 0;
}
.cart-item .col-num {
    width:4rem;
    line-height:2.2rem;
}
.col-img img{
    width:2.4rem;
    height:2.4rem;
}
.cart-item  .f-buy{
    margin:.5rem .5rem 0 0;
}

/* 食堂点餐统计 */
.page-messhallbook .rec-footer{ line-height:2rem;}
#calendar-input{
        position:absolute;
        bottom:.1rem;
        height:2rem;
        width:6rem;
        left:50%;
        margin-left:-3rem;
        z-index:1000;
        opacity:0;
    }

.st-dc-wrap .empty-tip{ font-size:1rem; text-align:center; line-height:5rem; color:red; }
table.st-dc-cc{
    width:100%;
    border:none;
    border-collapse:collapse;
    font-size:.75rem;
}
table.st-dc-cc td{line-height:1;}
table.st-dc-cc .row-cc td{ font-weight:bold;  line-height: 1.4rem; height:1.4rem; background-color: #bad8ea; padding-left:.5rem; border-bottom:1px solid #fff;}
table.st-dc-cc .row-cc td:last-child{ text-align:right; padding-right:1rem;}

table.st-dc-cc .row-tc td{}
table.st-dc-cc .row-tc-odd td{ background-color: #f7f7f8; }

.row-tc .col-img{ width: 3rem; padding-left:.4rem; }
.row-tc .col-img img{ width: 2.4rem; height:2.4rem; border-radius:.4rem; }
.row-tc .col-tcmc{ }
.row-tc .col-tcjg{ width: 3.6rem; }
.row-tc .col-fenshu{ width: 3.6rem; text-align:center;}
.row-split{ background-color:#fff; height:.2rem; }

.badge.weiling {
    color: #fff;
    background-color: red;
    font-size: .3rem;
    position: absolute;
    width:2.2rem;
    right:0;
    transform: scale(.8);
}

/* 领餐界面 */
.getfoods{}
.getfoods .f-item {
            padding:.2rem;
            position:relative;
            list-style:none;
            margin:0;
            border-bottom:1px solid #eee;
        }
.getfoods .f-item .f-img {
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: .2rem;
    top: .2rem;
    border-radius:.5rem;
}
.getfoods .f-item .f-info {
    margin-left:4.4rem;
    min-height:4rem;
    font-size:.75rem;
}
    .getfoods .f-item .f-info p{
        padding-bottom:.2rem;
        margin:0;
    } 
    .getfoods .f-item .f-buy {
        position: absolute;
        top:0;
        right:1rem;
        height:100%;
        line-height:4rem;
        font-size:1rem;
    } .getfoods .f-item .f-buy i {
        font-size:.75rem;
        font-style:normal;
    }
.page-diancan .cart-info {
    left: .2rem;
}
.xishu {
    background-color: red;
    color: #fff;
    padding: .2rem;
    border-radius: .5rem;
    font-size: .4rem;
}
